@charset "utf-8";

ul,li{
    list-style:none;
    margin:0;
    padding:0;
}

/* .header{
    background:url(../images/header_back.png) no-repeat;
    background-size: 100% 111%;
    height: 491px;
    max-height: 491px;
    position:relative;
} */
.header{
    background:url(../images/header_back_20240819.png) no-repeat;
    background-size: 100% 106%;
    height: 463px;
    /* max-height: 463px; */
    position:relative;
}
.nav_background {background-image: url(../images/index-main-bg1.png);background-size: 100% 20%;}
.nav{
    /* background:#1560B3; */
    position:relative;
    text-align:center;
    /* display: none; */
    /* background:url(../images/header-nav-bg.png) no-repeat; */
    /* background-size:100%; */
    margin-top: 87px;
}
.nav ul{
    background: url(../images/header-nav-ul-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 1120px;
    max-width: 1120px;
    margin:0 auto;
}
/* .nav::before{
    position:absolute;
    left:0;
    top:0;
    content:'';
    background:url(../images/nav-left.png) no-repeat;
    width: 18%;
    height: 50px;
}
.nav::after{
    position:absolute;
    right:0;
    top:0;
    content:'';
    background:url(../images/nav-right.png) no-repeat;
    width: 18%;
    height: 50px;
} */
.nav ul{
    float:unset;
    margin: 0 auto;
    /* background:#1560B3; */
    /* background:url(../images/nav-right.png) no-repeat; */
}


.nav > ul > li{
    float:left;
    width:130px;
}
.nav > ul > li >.dropdown-content{
    width:100%;
}
.nav >ul> li:first-child{
    margin-left:10px;
}
.nav >ul >li a{
    color:#fff;
    font-size:22px;
}

.main {
	background:url(../images/index-main-bg.png) no-repeat;
	background-size: 100% 20%;
	padding-top: 20px;
}

.header-top{
    /* height: 110px; */
    /* line-height:80px; */
    width: 1100px;
    margin:0 auto;
    padding-top: 26px;
    /* overflow: hidden; */
}
.head-logo-box{
    float:left;
    width: 55%;
}
.head-logo-box a{
    display:block;
}
.head-logo-box a img{
    display:inline-block;
}
.head-logo-box a img:first-child{
    width: 65px;
    display:inline-block;
}
.head-logo-box a img:last-child{
    width: 390px;
    display:inline-block;
}
.head-link-box{
    float:right;
    width: 41%;
    text-align: right;
}
.head-link-box ul{
    line-height:30px;
}

.h_login ul {
    position: absolute;
    display: none;
}
.head-link-box ul:first-child{
    margin-bottom:10px;
}
.head-link-box ul li{
    display:inline-block;
    height:28px;
    line-height:28px;
    position:relative;
    padding:0 5px;
    color:#1B518F;
    font-size:16px;
}
.head-link-box ul li a{
    color:#1B518F;
    font-size:16px;
}
.head-link-box ul li::after{
    position:absolute;
    right:-3px;
    top:30%;
    content:'';
    width:1px;
    height:15px;
    background-color:#1B518F;
}
.head-link-box ul li:last-child::after{
    display:none;
    margin:0;
    padding:0;
}
.head-link-box ul li{
    
}
.head-link-box ul li img{
    width:100%;
}
.ipv6{
    width:100px;
    height:28px;
}
.h_login{
    display:inline-block;
    margin: 0;
}
.h_login a{
    color:#1B518F;
    font-size:16px;
    padding:0 5px;
}
.h_login a:first-child{
    position:relative;
    margin-right:5px;
    padding-right:5px;
}
.h_login a:first-child::after{
    position:absolute;
    right:-3px;
    top:20%;
    content:'';
    width:1px;
    height:15px;
    background-color:#1B518F;
}
.head-link-box ul li:last-child{
    padding:0 0 0 5px;
}
.head-link-box ul li{
    padding:0 5px;
}
.h_login a:last-child{
    padding:0;
}

.header-middle{
    width: 500px;
    margin:0 auto;
    text-align:center;
    position:relative;
    border-radius:10px;
    overflow:hidden;
    margin-top: 217px;
}
.search_select{
    width:110px;
    position:absolute;
    left:0;
    height: 26px;
    padding:0 15px;
    top:30%;
    z-index: 999999999;
    margin-top: 3px;
}
.search_select img{
    float:left;
}
.search_select select{
    border:none;
    background:none;
    float:right;
    color:#B0ACAC;
    outline:none;
    margin-top: -4px;
}
.search_select select option{
    width:100%;
    outline:none;
    border:none;
}
.header-middle input{
    width:100%;
    border:none;
    outline:none;
    height:54px;
    border-radius:10px;
    padding: 5px 30px 5px 120px;
    float:right;
}
.header-middle input::placeholder{
    color:#B0ACAC;
}
.search-btn{
    position:absolute;
    right:0;
    background:#0059B5;
    height:54px;
    width:100px;
    border:none;
    overflow:hidden;
    letter-spacing:10px;
    color:#fff;
    font-size:18px;
    border-top-right-radius:10px;
}

#collapse-head2{width: 100%;text-align: center;}
#collapse-head2  >ul{
    background: url(../images/header-nav-ul-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 1120px;
    max-width: 1120px;
    margin:0 auto;
    display: block;
    height: 60px;
    position: static;
    margin-top: 110px;
    padding-top: 10px;
}
#collapse-head2 > ul > li{
    position: relative;
    width: 130px;
    height:50px;
    line-height: 61px;
}
#collapse-head2 > ul > li:first-child{
    margin-left: 80px;
}
#collapse-head2 > ul > li > a{
    font-size: 22px;
}
#collapse-head2 > ul > li .dropdown-content{
    position:absolute;
    /* background: #fff; */
    left: 0 !important;!i;!;
    top: 100%;
    z-index:99999;
    /* width: 1100px !important; */
    display: none;
}
#collapse-head2 > ul > li:nth-of-type(3) .dropdown-content {
    left: -250px !important;!i;!;!m;!;
}
#collapse-head2 > ul > li:nth-of-type(4) .dropdown-content {
    left: -280px !important;!i;!;!m;!;
}
#collapse-head2 > ul > li:nth-of-type(6) .dropdown-content {
    left: auto !important;!i;!;
    right: -250px !important;!i;!;!m;!;
}
#collapse-head2 > ul > li:nth-of-type(7) .dropdown-content {
    !i;!;
    left: -202px !important;!i;!;!m;!;
}
#collapse-head2 > ul > li a{
    position: relative;
    color:#fff;
}
#collapse-head2 > ul > li.active a::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
}
#collapse-head2 > ul > li:hover> a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 7px;
    background: url(../images/2024index-navbg1.png);
    background-size: 100% 100%;
    z-index: 100000;
    border-radius: 2px;
}
#collapse-head2 > ul > li.active:hover> a::after{
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
}
#collapse-head2 > ul > li .dropdown-content > ul{
    padding:0 20px;
}
#collapse-head2 > ul > li .dropdown-content > ul > li{
    width: fit-content;
    float: left;
    text-align: left;
    /* padding: 0 20px; */
    margin-left: 20px;
    line-height: 45px;
}
#collapse-head2 > ul > li .dropdown-content > ul > li:nth-child(1) {
    margin-left: 0;
}
#collapse-head2 > ul > li .dropdown-content > ul > li a{
    font-size: 14px;
    color: #fff;
}
#collapse-head2 > ul > li .dropdown-content > ul > li span {font-size: 14px;color: #fff}


@media (max-width:1200px){
    .main {
        padding: 0;
    }
    .nav_background {
        padding: 0;
    }
    .header-top{
        width:100%;
    }
    .head-logo-box{
        width:100%;
    }
    .head-link-box{
        display:none;
    }
    .head-logo-box a img:first-child{
        width: 15%;
    }
    .head-logo-box a img:last-child{
        width: 235px;
    }
    .header-middle{
        width:100%;
        margin-top:20px;
    }
    #collapse-head2 >ul {
        background: #1b518f;
        z-index: 2;
        position: relative;
        text-align: center;
        width: 100%;
        display: inline-block;
        height: auto;
        margin: 0;
    }
    #collapse-head2 > ul > li {
        display: block;
        width: 100%;
        float: none;
        margin: 0px;
    }
    #collapse-head2 > ul > li:first-child {
        margin: 0;
    }
    .header{
        height: auto;
    }
    .search_select{
        width: 31%;
        padding: 0;
        margin-top: -1px;
    }
    .search_select img {
        margin-left: 11px;
    }
    .header-middle input{
        padding: 5px 100px 5px 98px;
        height: 40px;
    }
    #baidu_searchbth{
        height:40px;
        line-height: 30px;
    }
    
}